<template>
    <div class="imageUpload" @click="handleClick">
        <image class="upload-icon" :src="imgPath('image_upload_1.png')"></image>
        <text class="upload-word">添加</text>
    </div>
</template>

<script>
export default {
  name: 'imageUpload',
  methods: {
    handleClick () {
      this.$emit('doclick')
    }
  }
}
</script>

<style scoped>
    .imageUpload {
        width: 226px;
        height: 226px;
        border-width: 1px;
        border-style: solid;
        border-color: #cecece;
        border-radius: 4px;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }
    .upload-icon {
        width: 84px;
        height: 84px;
        margin-top: 40px;
    }
    .upload-word {
        width: 224px;
        margin-top: 24px;
        text-align: center;
        font-size: 28px;
        color: #cecece;
    }
</style>
